<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>CSA发货单详情页</title>
		<script type="text/javascript" src="../plug-in/mutiLang/zh-cn.js"></script>
		<script type="text/javascript" src="../plug-in/jquery/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="../plug-in/"></script>
		<script type="text/javascript" src="../plug-in/tools/dataformat.js"></script>
		<link id="easyuiTheme" rel="stylesheet" href="../plug-in/easyui/themes/default/easyui.css" type="text/css"></link>
		<link rel="stylesheet" href="../plug-in/easyui/themes/icon.css" type="text/css"></link>
		<link rel="stylesheet" type="text/css" href="../plug-in/accordion/css/accordion.css">
		<script type="text/javascript" src="../plug-in/easyui/jquery.easyui.min.1.3.2.js"></script>
		<script type="text/javascript" src="../plug-in/easyui/locale/zh-cn.js"></script>
		<script type="text/javascript" src="../plug-in/tools/syUtil.js"></script>
		<script type="text/javascript" src="../plug-in/easyui/extends/datagrid-scrollview.js"></script>
		<script type="text/javascript" src="../plug-in/My97DatePicker/WdatePicker.js"></script>
		<link rel="stylesheet" href="../plug-in/tools/css/common.css" type="text/css"></link>
		<script type="text/javascript" src="../plug-in/lhgDialog/lhgdialog.min.js"></script>
		<script type="text/javascript" src="../plug-in/tools/curdtools_zh-cn.js"></script>
		<script type="text/javascript" src="../plug-in/tools/easyuiextend.js"></script>
		<script type="text/javascript" src="../plug-in/jquery-plugs/hftable/jquery-hftable.js"></script>
		<link rel="stylesheet" href="../plug-in/jquery/jquery-autocomplete/jquery.autocomplete.css" type="text/css"></link>
		<script type="text/javascript" src="../plug-in/jquery/jquery-autocomplete/jquery.autocomplete.min.js"></script>

	</head>

	<body>
		<div style="margin-bottom:10px;">
			<img style="margin-bottom:-7px" src="../plug-in/login/images/dispatch bill.png">
			<span class="list-title">BOE12541548764</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<span style="font-size:13px;">状态：<span class="color-red">CSA待发货</span></span>
			<div style="position: absolute; text-align: center; width: 100%; margin-top:-20px;">
				<a href="#" class="easyui-linkbutton l-btn">保存</a>
				<a href="#" class="easyui-linkbutton l-btn">取消发货</a>
			</div>
		</div>

		<div class="subtitle">
			<p>关联信息</p>
			<table class="nobordertable noborder">
				<tbody>
					<tr>
						<td class="al_r" width="20%">
							<label>服务单号CR:</label>
						</td>
						<td width="30%">
							CR201702040001
						</td>
						<td class="al_r" width="20%">
							<label>备件申请单号:</label>
						</td>
						<td width="30%">
							201702040001
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>SR:</label>
						</td>
						<td width="30%">
							2040001
						</td>
						<td class="al_r" width="20%">
							<label>SO:</label>
						</td>
						<td width="30%">
							<input />
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>发货单类型:</label>
						</td>
						<td width="30%">
							<select>
								<option>备件申请</option>
								<option>IMAX</option>
								<option>借用</option>
								<option>零件采购</option>
								<option>其他</option>
							</select>
						</td>
						<td class="al_r" width="20%">

						</td>
						<td width="30%">

						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="subtitle">
			<p>发货申请</p>
			<div class="l-div">
				<table class="nobordertable noborder" style="border: none;">
					<tbody>
						<tr>
							<td class="al_r" width="20%">
								<label>备件类型:</label>
							</td>
							<td width="30%">
								<select>
									<option>LPS</option>
								</select>
							</td>
							<td class="al_r" width="20%">
								<label>备件号:</label>
							</td>
							<td width="30%">
								<select>
									<option>R677K</option>
								</select>
							</td>
						</tr>
						<tr>
							<td class="al_r" width="20%">
								<label>数量:</label>
							</td>
							<td width="30%">
								<input />
							</td>
							<td class="al_r" width="20%">
								<label>申请优先级:</label>
							</td>
							<td width="30%">
								<select>
									<option>中</option>
								</select>

							</td>
						</tr>
						<tr>
							<td class="al_r" width="20%">
								<label>是否返件:</label>
							</td>
							<td width="30%">
								<select>
									<option>是</option>
								</select>
							</td>
							<td class="al_r" width="20%">
								<label>发货备件序列号:</label>
							</td>
							<td width="30%">
								<input />
							</td>
						</tr>
						<tr>
							<td class="al_r" width="20%">
								<label>申请理由:</label>
							</td>
							<td width="30%">
								正常服务
							</td>
							<td class="al_r" width="20%">

							</td>
							<td width="30%">

							</td>
						</tr>
						<tr>
							<td class="al_r" width="20%">
								<label>备件描述:</label>
							</td>
							<td colspan="3">
								<span class="color-red">xxxxxxxxx</span>
							</td>
						</tr>

					</tbody>
				</table>
				<div style="text-align: right;">
					<input type="checkbox" />
				</div>
			</div>
			<div class="l-div">
				<table class="nobordertable noborder" style="border: none;">
					<tbody>
						<tr>
							<td class="al_r" width="20%">
								<label>备件类型:</label>
							</td>
							<td width="30%">
								<select>
									<option>LPS</option>
								</select>
							</td>
							<td class="al_r" width="20%">
								<label>备件号:</label>
							</td>
							<td width="30%">
								<select>
									<option>R677K</option>
								</select>
							</td>
						</tr>
						<tr>
							<td class="al_r" width="20%">
								<label>数量:</label>
							</td>
							<td width="30%">
								<input />
							</td>
							<td class="al_r" width="20%">
								<label>申请优先级:</label>
							</td>
							<td width="30%">
								<select>
									<option>中</option>
								</select>

							</td>
						</tr>
						<tr>
							<td class="al_r" width="20%">
								<label>是否返件:</label>
							</td>
							<td width="30%">
								<select>
									<option>是</option>
								</select>
							</td>
							<td class="al_r" width="20%">
								<label>发货备件序列号:</label>
							</td>
							<td width="30%">
								<input />
							</td>
						</tr>
						<tr>
							<td class="al_r" width="20%">
								<label>申请理由:</label>
							</td>
							<td width="30%">
								正常服务
							</td>
							<td class="al_r" width="20%">

							</td>
							<td width="30%">

							</td>
						</tr>
						<tr>
							<td class="al_r" width="20%">
								<label>备件描述:</label>
							</td>
							<td colspan="3">
								<span class="color-red">xxxxxxxxx</span>
							</td>
						</tr>

					</tbody>
				</table>
				<div style="text-align: right;">
					<input type="checkbox" />
				</div>
			</div>
			<div style="text-align: center;">
				<a href="#" class="easyui-linkbutton l-btn">发货</a>
				<a href="#" class="easyui-linkbutton l-btn">标记欠货</a>
			</div>
			<div style="margin-top:20px; width: 98%; margin: 10px auto;"><span style="font-weight: bold;">说明</span></div>
			<div class="line"></div>
			<table class="nobordertable noborder" style="border: none;">
				<tbody>
					<tr>
						<td class="al_r" width="20%">
							<label>附件:</label>
						</td>
						<td width="30%">
							<span class="color-blue">aa1231232131.jpg</span>
						</td>
						<td class="al_r" width="20%">

						</td>
						<td width="30%">

						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>发货说明:</label>
						</td>
						<td colspan="3">
							<textarea style="width: 100%; height: 80px;"></textarea>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="subtitle">
			<p>收货人信息</p>
			<table class="nobordertable noborder" style="border: none;">
				<tbody>
					<tr>
						<td class="al_r" width="20%">
							<label>是否自提:</label>
						</td>
						<td colspan="3">
							是
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>姓名:</label>
						</td>
						<td width="30%">
							张三
						</td>
						<td class="al_r" width="20%">
							<label>电话:</label>
						</td>
						<td width="30%">
							18855367556
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>收货地址:</label>
						</td>
						<td width="30%">
							北京北京市小西天电影城
						</td>
						<td class="al_r" width="20%">
							<label>影院名称:</label>
						</td>
						<td width="30%">
							小西天电影城
						</td>
					</tr>
					<tr>
						<td class="al_r"><label>自提仓库:</label></td>
						<td colspan="3">
							<select>
								<option>北京</option>
							</select>
							&nbsp;&nbsp;
							<span>北京市顺义区李桥镇XXX</span>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="subtitle">
			<p>物流</p>
			<table class="nobordertable noborder" style="border: none;">
				<tbody>
					<tr>
						<td class="al_r" width="20%">
							<label>发货物流:</label>
						</td>
						<td width="30%">
							圆通
						</td>
						<td class="al_r" width="20%">
							<label>联系人:</label>
						</td>
						<td width="30%">
							张三
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>电话:</label>
						</td>
						<td width="30%">
							14453324234
						</td>
						<td class="al_r" width="20%">
							<label>邮箱:</label>
						</td>
						<td width="30%">
							1231231@qq.com
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>发货SLA:</label>
						</td>
						<td width="30%">
							xxxxx
						</td>
						<td class="al_r" width="20%">
							<label>提货地址:</label>
						</td>
						<td width="30%">
							中影小西天
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>仓库:</label>
						</td>
						<td width="30%">
							北京市
						</td>
						<td class="al_r" width="20%">
							<label>库位:</label>
						</td>
						<td width="30%">
							12号
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>预计到货时间:</label>
						</td>
						<td width="30%">
							2017-01-22
						</td>
						<td class="al_r" width="20%">
							<label>物流单号:</label>
						</td>
						<td width="30%">
							123123123&nbsp;&nbsp;<span class="color-blue">[查看物流]</span>
						</td>
					</tr>
					<tr>
						<td class="al_r" valign="top"><label>物流发货备注:</label></td>
						<td colspan="3">
							<textarea style="width:100%; height: 60px;"></textarea>
						</td>
					</tr>
				</tbody>
			</table>
			<table class="nobordertable noborder" style="border: none;">
				<tbody>
					<tr>
						<td class="al_r" width="20%">
							<label>返件物流:</label>
						</td>
						<td width="30%">
							圆通
						</td>
						<td class="al_r" width="20%">
							<label>联系人:</label>
						</td>
						<td width="30%">
							张三
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>电话:</label>
						</td>
						<td width="30%">
							18823326757
						</td>
						<td class="al_r" width="20%">
							<label>邮箱:</label>
						</td>
						<td width="30%">
							12122333@qq.com
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="subtitle">
			<p>签收</p>
			<table class="nobordertable noborder" style="border: none;">
				<tbody>
					<tr>
						<td class="al_r" width="20%">
							<label>签收方式:</label>
						</td>
						<td width="30%">
							自提
						</td>
						<td class="al_r" width="20%">
							<label>签收时间:</label>
						</td>
						<td width="30%">
							2017-02-22
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>物流单照片:</label>
						</td>
						<td width="30%">
							<span class="color-blue">12312k2jk12j3.jpg</span>
						</td>
						<td class="al_r" width="20%">
							<label>签收备注:</label>
						</td>
						<td width="30%">
							小西天电影城签收
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="subtitle">
			<p>日志</p>
			<table class="ftable">
				<tbody>
					<tr>
						<th>操作人</th>
						<th>时间</th>
						<th>描述</th>
					</tr>
					<tr>
						<td>刘xx</td>
						<td>2017-02-03</td>
						<td>发货异常：已取消发货</td>
					</tr>
				</tbody>
			</table>
		</div>
	</body>

</html>